<template>
  <div class="text">
    <span>404</span>
    <div class="page">Page Not Found</div>
    <div class="it">It looks like you found a glitch in the matrix...</div>
    <div class="abox"><a href="index.html">← Back to Dashboard</a></div>
  </div>
</template>

<script>

export default {
  name: 'err',
}
</script>

<style lang="less" scoped>
.text {
  border: 0px solid rgb(4, 4, 4);
  /* box-shadow: 5px 5px 3px 4px rgba(0, 0, 0, .4);  */
  /* box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸（影子大小） 阴影颜色  内/外阴影； */
  box-shadow: 0 15px 30px rgba(207, 207, 207, 0.4) inset;
  padding: 20px;
  text-align: center;
  padding-top: 50px;
  color: rgb(90, 92, 105);
  font-family: Nunito;
  font-size: 112px;
  font-weight: 400
}

.page {
  font-size: 20px;
  font-weight: 300
}

.it {
  font-size: 16px;
  font-weight: 400;
  margin-top: 50px;
}

.abox {
  font-size: 16px;
  font-weight: 400;
  height: 100px;
  text-decoration:none;
  margin-top: 10px;
}
</style>